<template>
    <div class="panel">
    <div class="null" v-if="isActive === 1">编辑操作</div>
    <div class="null" v-else>数据绑定</div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            isActive:1
        };
    },
    created() {
    this.$bus.$on("changeId", (val) => {
      // console.log("val===",val);
      this.isActive = val;
    });
  },
};
</script>
<style lang="scss" scoped>
.panel {
    flex: 1;
    // background-color: pink;
    color: #fff;
    .null{
        font-size: 16px;
        color: #fff;
        margin-top: 20px;
    }
}
</style>